// 导入 fs 模块
const fs = require('fs')
// 导入 path 模块
const path = require('path')

// 定义正则表达式，分配 <style></style> 和 <script></script> 标签
            //   \s：空白字符    \S:非空白字符   *：匹配任意次
const regStyle = /<style>[\s\S]*<\/style>/
const regScript = /<script>[\s\S]*<\/script>/

// 调用 fs.readFile() 方法读取文件
fs.readFile(path.join(__dirname, '/clock/素材.html'),'utf-8',(err, data)=>{
    //读取失败
    if(err) return console.log('读取文件失败');
    //读取成功，拆 html css js文件
    resolveCSS(data);
    resolveJS(data);

})

// 定义处理 css 样式的方法
function resolveCSS(htmlstr){
    // 使用正则提取需要的内容
    const r1 = regStyle.exec(htmlstr);
    // 将提取出来的字符串，进行字符串的 replace 替换操作
    // console.log('R1',r1);
    const newCSS = r1[0].replace('<style>','').replace('</style>','')
    console.log(newCSS);
    //调用fs.writeFile()方法，将提取的样式，写入到 clock
    fs.writeFile(path.join(__dirname, './clock/index.css'), newCSS,function(err,data){
        if(err) return console.log('写入 css 样式失败！'+ err.message);
        console.log('写入CSS成功');
    })
} 
//定义处理 javaScript 的方法
function resolveJS(htmlstr){
    const r2 = regScript.exec(htmlstr);
    // console.log(r2);
    const newJS = r2[0].replace('<script>','').replace('</script>','')
    // console.log(newJS);
    fs.writeFile(path.join(__dirname, './clock/index.js'), newJS,(err)=>{
        if(err) return console.log('写入 javaScript 脚本失败');
        console.log('写入jS成功');
    })
}